<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>参加活动</title>
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../assets/layui/css/layui.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="../assets/layui/layui.js"></script>
</head>
<body>
#include("./common/header.html")

<div class="main">

    <div class="mian-nav">
        <p>当前所在位置：<a href="./index.html">首页</a>><a href="./activity.html">活动</a>><a href="javascript:;">正文</a></p>
    </div>
    <div class="main-content clearfix">
        <div class="content-left">
            <div class="topic clearfix">
                <a class="topic-show" href="#"><img src="http://img.7724.com/7724/huodong/2018/06/01/20180601182504.jpg" alt=""></a>
                <div class="introduce">
                    <h5><a href="#">玩游戏，晒图赢奖励（第13期）</a></h5>
                    <p class="activity-time">
                        时间：<em>2018-06-08 </em>至<em> 2018-06-18</em>
                    </p>
                    <div class="joinBtn clearfix">
                        <a href="javascript:;">我要参加</a>
                        <span class="onPhone">在手机上参加</span>
                        <img class="code" style="display: none;" src="../img/qrcode.png" alt="code">
                    </div>
                </div>
            </div>
            <div class="aboutActivity">
                <div class="top-bar">
                    <div class="game-intro-show switchBtn active">
                        <a class="front-icon" href="javascript:;">游戏说明</a>
                        <span class="triangle"></span>
                    </div>
                    <div class="mid-border"></div>
                    <div class="reply-show switchBtn">
                        <a class="front-icon" href="javascript:;">回复(<em>2</em>)</a>
                        <span class="triangle"></span>
                    </div>
                </div>
                <div class="article-box" >
                    <div class="article">
                        <h5><a href="#">>>>>>>开始游戏<<<<<<</a></h5>
                        <div class="guidance">
                            <strong>游戏玩法：</strong>
                            <br>
                            一款非常好玩的忍者跑酷类游戏。游戏中，我们需要通过点击来变换忍者行动的路线，在游戏途中尽可能多的获得金币，要注意的是地图会随机生成，现在就让我们一起来试试吧！
                            <br>
                            <br>

                            <strong>活动时间：</strong>
                            <br>
                            2018年6月7日0:00 ~ 2018年6月17日23:59
                            <br>
                            <br>np

                            <strong>活动规则：</strong>
                            <br>
                            活动期间，将游戏最高得分截图后，通过下方的【我来说两句】（网页端请点击【我要参加】）发到本活动帖中，参与抽奖。最好成绩 <span style="background-color:#FFE500;">得分高的前三名</span>可获得丰富奖励，另外小编会随机抽取5位小伙伴送出奖励，奖励如下：
                            <br>
                            排名第一：<span>666奇币</span>；
                            <br>
                            排名第二：<span>333奇币</span>；
                            <br>
                            排名第三：<span>222奇币</span>；
                            <br>
                            另外随机抽取5位小伙伴送出随机<span>99奇币</span>奖励。
                            <br>
                            <br>

                            截图示例如下，可通过截图查看到最好成绩信息：
                            <br>
                            <img src="../img/score.jpg" alt="score" width="500" height="659">
                            <br>
                            <br>

                            <strong>注：</strong>
                            <br>
                            1.得分相同根据回帖先后发放奖励，时间在前为更优奖励；
                            <br>
                            2.抄袭其他小伙伴，一经发现永久取消此类活动的参与资格；
                            <br>
                            3.活动结束后3个工作日将在本贴公布获奖名单及发放奖励。
                            <br>
                            <br>

                            <strong style="color: #E53333">上期活动获奖名单：</strong>
                            <br>

                            <table width="302" height="139" cellspacing="0" cellpadding="2" border="1">
                                <tbody>
                                <tr>
                                    <td align="center">
                                        <strong>平台昵称 </strong>
                                    </td>
                                    <td align="center">
                                        <strong>奇币数量</strong>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        蒾|惘
                                    </td>
                                    <td align="center">
                                        666奇币
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        皇
                                    </td>
                                    <td align="center">
                                        333奇币
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        略略略略略略
                                    </td>
                                    <td align="center">
                                        222奇币
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        过客
                                    </td>
                                    <td align="center">
                                        99奇币
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        (눈_눈)
                                    </td>
                                    <td align="center">
                                        99奇币
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        你也来了
                                    </td>
                                    <td align="center">
                                        99奇币
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        炙心
                                    </td>
                                    <td align="center">
                                        99奇币
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        人間失格
                                    </td>
                                    <td align="center">
                                        99奇币
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="bottom-join">
                        <a href="#">我要参加 </a>
                    </div>
                </div>
                <div class="comment" style="display: none;">
                    <div class="comment-title clearfix">
                        <p>玩家评论<span>(已有<em>20</em>条评论)</span></p>
                    </div>
                    <div class="comment-box">
                        <textarea name="input-content" id="input-content" autofocus></textarea>
                        <div class="comment-bar clearfix">
                            <div class="face-show">表情</div>
                            <input class="pubComment" type="button" value="发表评论">
                        </div>
                    </div>
                    <div class="upload-img">
                        <p class="upload-notice"><span>上传图片</span>仅支持JPG、PNG图片文件，图片小于300k。若上传失败建议用手机参与该活动。</p>
                        <ul class="clearfix">
                            <!--<li class="img-show">-->
                                <!--<img src="" alt="upload-img">-->
                                <!--<span class="removeBtn"></span>-->
                            <!--</li>-->
                            <li class="uploadBtn">
                                <input type="file" id="file_upload" name="upload-img"  accept="image/jpeg,image/png,image/gif">
                            </li>
                        </ul>
                    </div>
                    <div class="login-box clearfix">
                        <a href="javascript:;" class="login">登录</a>
                        <a href="javascript:;" class="register">注册</a>
                    </div>
                    <div class="comment-list">
                        <p class="list-title">最新评论</p>
                        <ul style="display: none;">
                            <li>
                                <img class="user-head" src="../img/table-2.gif" alt="user-head">
                                <p class="comment-info clearfix">
                                    <strong>鸣人的爸爸</strong>
                                    <span>发表于<em>2018-06-20</em></span>
                                    <i>1楼</i>
                                </p>
                                <p class="conmment-content">这是一段长篇大论这是一段长篇大论这是一段长篇大论这是一段长篇大论这是一段长篇大论这是一段长篇大论这是一段长篇大论这是一段长篇大论这是一段长篇大论</p>
                                <p class="user-upload">
                                    <img src="../img/activity-3.jpg" alt="">
                                    <img src="../img/activity-3.jpg" alt="">
                                    <!--<img src="../img/activity-3.jpg" alt="">-->
                                    <!--<img src="../img/activity-3.jpg" alt="">-->
                                </p>
                                <div class="reply">
                                    <dl>
                                        <dd>
                                            <img class="user-head" src="../img/table-2.gif" alt="user-head">
                                            <p class="reply-info clearfix">
                                                <strong>鸣人的妈妈</strong>
                                                <span>发表于<em>2018-06-20</em></span>
                                            </p>
                                            <p class="reply-content">这是一段长篇大论这是一段长篇大论这是一段长篇大论这是一段长篇大论这是一段长篇大论</p>
                                            <span class="tri"></span>
                                        </dd>
                                        <dd>
                                            <img class="user-head" src="../img/table-2.gif" alt="user-head">
                                            <p class="reply-info clearfix">
                                                <strong>鸣人的妈妈</strong>
                                                <span>发表于<em>2018-06-20</em></span>
                                            </p>
                                            <p class="reply-content">一段长篇大论这是一段长篇大论这是一段长篇大论</p>
                                            <span class="tri"></span>
                                        </dd>
                                    </dl>

                                    <p class="reply-bar clearfix">
                                        <span class="supportBtn">支持（<em> 1 </em>）</span>
                                        <span class="replyBtn">回复</span>
                                    </p>
                                    <div class="reply-box clearfix" style="display: none;">
                                        <textarea name="reply"></textarea>
                                        <input type="button" value="回复">
                                        <span class="tri"></span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <p class="more">加载更多</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="aside">
            <div class="hot-topic clearfix">
                <h3 class="title">
                    热门专题
                    <a>更多></a>
                </h3>
                <div class="item">
                    <a class="item-show" href="#"><img src="../img/aside-1.jpg" alt=""></a>
                    <p>换装、宫斗穿越及文字剧情大全</p>
                </div>
                <div class="item">
                    <a class="item-show" href="#"><img src="../img/aside-2.jpg" alt=""></a>
                    <p class="item-text">情人节虐狗 啪啪游戏合集</p>
                </div>
                <div class="item">
                    <a class="item-show" href="#"><img src="../img/aside-3.jpg" alt=""></a>
                    <p class="item-text">换装、宫斗穿越及文字剧情大全</p>
                </div>
                <div class="item">
                    <a class="item-show" href="#"><img src="../img/aside-1.jpg" alt=""></a>
                    <p class="item-text">换装、宫斗穿越及文字剧情大全</p>
                </div>
                <div class="item">
                    <a class="item-show" href="#"><img src="../img/aside-2.jpg" alt=""></a>
                    <p class="item-text">换装、宫斗穿越及文字剧情大全</p>
                </div>
                <div class="item">
                    <a class="item-show" href="#"><img src="../img/aside-3.jpg" alt=""></a>
                    <p class="item-text">换装、宫斗穿越及文字剧情大全</p>
                </div>
            </div>

            <dl class="hot-game clearfix">
                <dt class="title">
                    热门游戏
                    <a>更多></a>
                </dt>
                <dd class="clearfix hover">
                    <div class="left">
                        <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                    </div>
                    <div class="right clearfix">
                        <span class="game-name"><a href="">梦道h5</a></span>
                        <span class="game-type"><a href="">角色类</a></span>
                        <span class="game-heat">人气：<em>3843874</em></span>
                    </div>
                </dd>
                <dd class="clearfix">
                    <div class="left">
                        <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                    </div>
                    <div class="right">
                        <span class="game-name"><a href="">梦道h5</a></span>
                        <span class="game-type"><a href="">角色类</a></span>
                        <span class="game-heat">人气：<em>3843874</em></span>
                    </div>
                </dd>
                <dd class="clearfix">
                    <div class="left">
                        <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                    </div>
                    <div class="right">
                        <span class="game-name"><a href="">梦道h5</a></span>
                        <span class="game-type"><a href="">角色类</a></span>
                        <span class="game-heat">人气：<em>3843874</em></span>
                    </div>
                </dd>
                <dd class="clearfix">
                    <div class="left">
                        <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                    </div>
                    <div class="right">
                        <span class="game-name"><a href="">梦道h5</a></span>
                        <span class="game-type"><a href="">角色类</a></span>
                        <span class="game-heat">人气：<em>3843874</em></span>
                    </div>
                </dd>
                <dd class="clearfix">
                    <div class="left">
                        <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                    </div>
                    <div class="right">
                        <span class="game-name"><a href="">梦道h5</a></span>
                        <span class="game-type"><a href="">角色类</a></span>
                        <span class="game-heat">人气：<em>3843874</em></span>
                    </div>
                </dd>
                <dd class="clearfix">
                    <div class="left">
                        <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                    </div>
                    <div class="right">
                        <span class="game-name"><a href="">梦道h5</a></span>
                        <span class="game-type"><a href="">角色类</a></span>
                        <span class="game-heat">人气：<em>3843874</em></span>
                    </div>
                </dd>
                <dd class="clearfix">
                    <div class="left">
                        <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                    </div>
                    <div class="right">
                        <span class="game-name"><a href="">梦道h5</a></span>
                        <span class="game-type"><a href="">角色类</a></span>
                        <span class="game-heat">人气：<em>3843874</em></span>
                    </div>
                </dd>
                <dd class="clearfix">
                    <div class="left">
                        <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                    </div>
                    <div class="right">
                        <span class="game-name"><a href="">梦道h5</a></span>
                        <span class="game-type"><a href="">角色类</a></span>
                        <span class="game-heat">人气：<em>3843874</em></span>
                    </div>
                </dd>
                <dd class="clearfix">
                    <div class="left">
                        <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                    </div>
                    <div class="right">
                        <span class="game-name"><a href="">梦道h5梦道h5梦道h5梦道h5梦道h5梦道h5</a></span>
                        <span class="game-type"><a href="">角色类</a></span>
                        <span class="game-heat">人气：<em>3843874</em></span>
                    </div>
                </dd>
                <dd class="clearfix">
                    <div class="left">
                        <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                    </div>
                    <div class="right">
                        <span class="game-name"><a href="">梦道h5</a></span>
                        <span class="game-type"><a href="">角色类</a></span>
                        <span class="game-heat">人气：<em>3843874</em></span>
                    </div>
                </dd>
            </dl>
        </div>
    </div>
</div>
#include("./common/footer.html")
</body>
</html>